<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE HTML>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../lib/html5shiv.js"></script>
    <script type="text/javascript" src="../lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="../lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>编辑类型</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="form-admin-add" action="updateInfo" method="post">
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">书籍名</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <span class="select-box">
                    <select name="typeId" id="typeId" class="select">
                        <option value="">请选择类型</option>
                        <c:forEach items="${typeList}" var="item">
                            <option value="${item.id}" <c:if test="${item.id == editInfo.typeId}">selected</c:if>>
                                    ${item.typeName}
                            </option>
                        </c:forEach>
                    </select>
                </span>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">书籍名</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookName" value="${editInfo.bookName}"
                       name="bookName" autocomplete="off">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">作者</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookAuthor" value="${editInfo.bookAuthor}"
                       name="bookAuthor" autocomplete="off">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">出版社</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookPublished" value="${editInfo.bookPublished}"
                       name="bookPublished" autocomplete="off">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">出版时间</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookTime" value="${editInfo.bookTime}"
                       name="bookTime" autocomplete="off">
            </div>
        </div>

        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">价格</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookPrice" value="${editInfo.bookPrice}"
                       name="bookPrice" autocomplete="off">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-3 col-sm-3">库存</label>
            <div class="formControls col-xs-9 col-sm-9" style="padding-left: 0">
                <input type="text" class="input-text" placeholder="" id="bookStock" value="${editInfo.bookStock}"
                       name="bookStock" autocomplete="off">
            </div>
        </div>

        <input type="hidden" value="${editInfo.id}" name="id">

        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" id="button" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>

    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="../lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="../static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="../static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="../lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    $(function () {
        $('.skin-minimal input').iCheck({
            checkboxClass: 'icheckbox-blue',
            radioClass: 'iradio-blue',
            increaseArea: '20%'
        });

        $("#form-admin-add").validate({
            rules: {
                typeId: {
                    required: true
                },
                bookName: {
                    required: true
                },
                bookAuthor: {
                    required: true
                },
                bookStock: {
                    required: true,
                    digits: true
                },
                bookPrice: {
                    required: true,
                    number: true
                }
            },
            onkeyup: false,
            focusCleanup: true,
            success: "valid",
            submitHandler: function (form) {
                $(form).ajaxSubmit({
                    type: 'post',
                    url: "updateInfo",
                    success: function (data) {
                        if(data.code == 0) {
                            layer.msg(data.msg, {icon: 1, time: 1000});
                            setTimeout(function () {
                                var index = parent.layer.getFrameIndex(window.name);
                                parent.$('.btn-refresh').click();
                                $("#typeName").val();
                                parent.layer.close(index);
                            }, 1500);
                        } else {
                            layer.msg(data.msg, {icon: 7, time: 1000});
                        }
                    },
                    error: function (XmlHttpRequest, textStatus, errorThrown) {
                        layer.msg('error!', {icon: 5, time: 1000});
                    }
                });
            }
        });
    });


</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>